﻿<!DOCTYPE html>
<!--[if lt IE 7]>       <html class="no-js lt-ie9 lt-ie8 lt-ie7">   <![endif]-->
<!--[if IE 7]>          <html class="no-js lt-ie9 lt-ie8">          <![endif]-->
<!--[if IE 8]>          <html class="no-js lt-ie9">                 <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
<!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>Dashboard</title>
    <meta name="description" content="Metis: Bootstrap Responsive Admin Theme">
    <meta name="viewport" content="width=device-width">
    <link type="text/css" rel="stylesheet" href="~/Content/bootstrap.min.css">
    <link type="text/css" rel="stylesheet" href="~/Content/bootstrap-responsive.min.css">
    <link type="text/css" rel="stylesheet" href="~/Content/font-awesome.min.css">
    <link type="text/css" rel="stylesheet" href="~/Content/style.css">
     
   
   

    <link rel="stylesheet" href="~/Content/theme.css">

   
    @Scripts.Render("~/Scripts/jquery-1.8.2.js")
    @Scripts.Render("~/Scripts/jquery.unobtrusive-ajax.min.js")

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
    <!--[if IE 7]>
        <link type="text/css" rel="stylesheet" href="assets/Font-awesome/css/font-awesome-ie7.min.css"/>
        <![endif]-->


    <script>

        $(document).ready(function () {
            $("#menuiz").load("/Menu/list");
        });
    </script>
    
</head>
<body>
    <!-- BEGIN WRAP -->
    <div id="wrap">


        <!-- BEGIN TOP BAR -->
        <div id="top">
            <!-- .navbar -->
            <div class="navbar navbar-inverse navbar-static-top">
                <div class="navbar-inner">
                    <div class="container-fluid">
                        <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </a>
                        <a class="brand" href="index.html"></a>
                        <!-- .topnav -->
                        <div class="btn-toolbar topnav">
                            <div class="btn-group">
                                <a id="changeSidebarPos" class="btn btn-success" rel="tooltip"
                                    data-original-title="Show / Hide Sidebar" data-placement="bottom">
                                    <i class="icon-resize-horizontal"></i>
                                </a>
                            </div>
                            <div class="btn-group">
                                <a class="btn btn-inverse" rel="tooltip" data-original-title="E-mail" data-placement="bottom">
                                    <i class="icon-envelope"></i>
                                    <span class="label label-warning">5</span>
                                </a>
                                <a class="btn btn-inverse" rel="tooltip" href="#" data-original-title="Messages"
                                    data-placement="bottom">
                                    <i class="icon-comments"></i>
                                    <span class="label label-important">4</span>
                                </a>
                            </div>
                           

                            <div class="btn-group">

                                <a class="btn btn-inverse" data-placement="bottom" data-original-title="Logout" rel="tooltip"
                                    href="javascript:document.getElementById('logoutForm').submit()"><i class="icon-off"></i></a>

                            </div>
                        </div>
                       
                        
                    </div>
                </div>
            </div>
            <!-- /.navbar -->
        </div>
        <!-- END TOP BAR -->


      

        <!-- BEGIN LEFT  -->
        <div id="left" style="padding-left: 20px;">

            <div>
                <
                <form class="main-search" style="padding-bottom:0px;height:20px;" >
                    <input class="input-block-level" type="text" style="width: 70%" placeholder="Live search...">
                    <button id="searchBtn" type="submit" class="btn btn-inverse">
                        <i class="icon-search"></i>
                    </button>
                </form>
                
                <div class="media user-media hidden-phone" style="height:25px; " >
                    <a href="#" class="user-link">
                        <img src="assets/img/user.gif" alt="" class="media-object img-polaroid user-img">
                        <span class="label user-label">16</span>
                    </a>

                    <div class="media-body hidden-tablet" style="border-color:red" >
                        <h5 class="media-heading">¡Hola, @Html.ActionLink(User.Identity.Name, "Manage", "Account", routeValues: null, htmlAttributes: new { @class = "username", title = "Administrar" })!</h5>


                        @using (Html.BeginForm("LogOff", "Account", FormMethod.Post, new { id = "logoutForm" }))
                        {
                            @Html.AntiForgeryToken()
                            <a href="javascript:document.getElementById('logoutForm').submit()">Cerrar sesión</a>
                       }

                    </div>
                </div>
            </div>

            <!-- .user-media -->
            <div id="menuiz" style="width: 90%; border: solid 2px; border-color: red; float: left"></div>


            <!-- /.user-media -->

            <!-- BEGIN MAIN NAVIGATION -->


            <!-- END MAIN NAVIGATION -->

        </div>
        <!-- END LEFT -->

        <!-- BEGIN MAIN CONTENT -->
        <div id="content" style="width:78%; margin-left:250px; background-color: white; padding-left: 20px; padding-top: 20px; border-radius: 15px 15px 15px 15px;">

            @RenderSection("featured", required: false)




            @RenderBody()


        </div>
        <!-- END CONTENT -->


        <!-- #push do not remove -->
        <div id="push"></div>
        <!-- /#push -->
    </div>
    <!-- END WRAP -->

    <div class="clearfix"></div>

    <!-- BEGIN FOOTER -->
    <div id="footer">
        <p>2013 © Metis Admin</p>
    </div>
    <!-- END FOOTER -->

    <!-- #helpModal -->
    <div id="helpModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="helpModalLabel"
        aria-hidden="true">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h3 id="helpModalLabel"><i class="icon-external-link"></i>Help</h3>
        </div>
        <div class="modal-body">
            <p>
                Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et
                    dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
                    ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
                    nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit
                    anim id est laborum.
            </p>
        </div>
        <div class="modal-footer">

            <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
        </div>
    </div>
    <!-- /#helpModal -->

    

    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/jqueryui")

    
    @RenderSection("scripts", required: false)
     @Scripts.Render("~/Scripts/jquery.validate1")
    

</body>
</html>
